<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Seta International Asia</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon.png">
    
    <link href="<?php echo get_template_directory_uri() ?>/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet">
    <!-- <link href="css/jquery.parallax-slider.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/fractionslider.css" />
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.inview.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.countTo.js"></script>
    
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.fractionslider.min.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/svg-injector.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
    
    <script type="text/javascript">
      $(document).ready(function() {
        // work with svg
        var injectSVG = document.querySelectorAll('img.svg');
        SVGInjector(injectSVG);
        
        // animated when scrolling
        var animationDelay="0.8s";
        // $('.animated-area').one('inview', function(event, visible) {
        $('.animated-area').one('inview', function(event, visible) {
          var cf = $(this);
          if (visible) {
            cf.find(".animated").each(function() {
              $(this).css("-webkit-animation-delay", animationDelay);
              $(this).css("-moz-animation-delay", animationDelay);
              $(this).css("-ms-animation-delay", animationDelay);
              $(this).css("animation-delay", animationDelay);
              $(this).addClass($(this).attr("data-animation"));
            });
            
            if (cf.attr('id')=='statistic') {
              $('.counter').countTo({
                speed: 2000,
                refreshInterval: 50
              });
            }
          }
        });
        
        // parallax slider
        $('#da-slider').fractionSlider({
          'transitionIn' : 'bottom',
          'transitionOut' : 'right',
          'fullWidth': 			true,
          'controls': 			false, 
          'pager': 				true,
          'responsive': 			true,
          'dimensions': 			"1170,430",
          'increase': 			false,
          'pauseOnHover': 		false,
          'slideEndAnimation': 	true
        });
        
        // map action
        $('#btnShowMap').on('click', function() {
          $('footer .region').slideUp();
          $('#btnHideMap').fadeIn();
        });
        $('#btnHideMap').on('click', function() {
          $('footer .region').slideDown();
          $('#btnHideMap').fadeOut();
        });
        
      });
    </script>

  </head>
<body>
  <header>
    <div class="container">
      <h1 id="logo" class="pull-left">
        <?php if ( get_header_image() ) : ?>
          <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php bloginfo('name'); ?>" /></a>
        <?php endif; ?>
        <!--<a href="#"><img src="<?php //echo get_template_directory_uri() ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a>-->
      </h1>
      <nav id="mainmenu" class="pull-right">
        <?php
          $defaults = array(
            'theme_location'  => '',
            'menu'            => 'Name of menu',
            'container'       => 'ul',//'container' => false
            'container_class' => '',
            'container_id'    => '',
            'menu_class'      => 'nav nav-pills',
            'menu_id'         => '',
            'echo'            => true,
            'fallback_cb'     => 'wp_page_menu',
            'before'          => '',
            'after'           => '',
            'link_before'     => '',
            'link_after'      => '',
            'items_wrap'      => '<ul class="%2$s">%3$s</ul>',
            'depth'           => 0,
            'walker'          => new CSS_Menu_Maker_Walker()
          );
          if ( has_nav_menu( 'main-menu' ) ) {
                wp_nav_menu( $defaults );
          }
        ?>
      </nav>
    </div>
  </header>